<template>
	<view class="my">
		<view class="status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
		<!-- 我的顶部导航模块 -->
		<view class="waterfall" :style="{ marginTop: statusBarHeight + 'px' }">
			<!--账号和退出 -->
			<view class="quit">
				<view>账号：{{userInfo.nickname}}</view>
				<view class="quit-btn" @tap="LogOut">
					<image class="quit-image" src="/static/myImg/tuichudenglu.png"></image>
					<text>退出登录</text>
				</view>
			</view>
			<!--功能栏 -->
			<view class="functional-block">
				<view class="unction-label" @click="OrderRecord">
					<image class="image1" src="/static/myImg/dingdanjilu.png"></image>
					<view class="public-h7">订单记录</view>
				</view>
				<view class="unction-label" @click="DetailedContent">
					<image class="image1" src="/static/myImg/zijinmingxi.png"></image>
					<view class="public-h7">资金明细</view>
				</view>
				<view class="unction-label" @click="CommissionRebate">
					<image class="image1" src="/static/myImg/fanyongjili.png"></image>
					<view class="public-h7">返佣记录</view>
				</view>
			</view>
		</view>
		<!-- 我的中部功能栏模块 -->
		<view class="function-box">
			<view class="function-bar" @tap="tradePassword">
				<view class="function-align">
					<image class="function-image" src="/static/myImg/mima.png"></image>
					<text>交易密码</text>
				</view>
				<view>
					<image class="image2" src="/static/myImg/you.png"></image>
				</view>
			</view>
			<view class="function-bar" @tap="loginPassword">
				<view class="function-align">
					<image class="function-image" src="/static/myImg/mima.png"></image>
					<text>登录密码</text>
				</view>
				<view>
					<image class="image2" src="/static/myImg/you.png"></image>
				</view>
			</view>
			<view class="function-bar" @tap="JumpLink">
				<view class="function-align">
					<image class="function-image" src="/static/myImg/qunzu.png"></image>
					<text>官方群组</text>
				</view>
				<view>
					<image class="image2" src="/static/myImg/you.png"></image>
				</view>
			</view>
			<view class="function-bar" @tap="SetUp">
				<view class="function-align">
					<image class="function-image" src="/static/myImg/shezhi.png"></image>
					<text>设置</text>
				</view>
				<view>
					<image class="image2" src="/static/myImg/you.png"></image>
				</view>
			</view>
		</view>
		<!-- 交易密码弹窗组件 -->
		    <PasswordPopu 
		      ref="tradePassword"
		      @send-sms="handleSendSms"
		      @confirm="handleConfirmChange"
		      @close="handleModalClose"
			  :title="poputitle"
			  :oldpassword="popuold"
			  :newpassword="popunew"
		    />
			<!-- 温馨提示弹窗组件 -->
				    <PromptPopup 
				      ref="pointOut"
					  pointOut="确定退出登录吗？"
					  option="1"
					  @confirm="collectMoney"
				    />
			</view>
	</view>
</template>

<script src="./index.js"></script>
<style src="./index.scss" lang="scss"></style>